.blogDetail {
  margin-top: 20px;
  padding-bottom: 30px;
  display: flex;

  .left {
    padding: 20px;
    margin-right: 10px;
    width: var(--left-width);
    background: var(--detail-bg);

    .top {
      text-align: center;
      font-weight: 700;
      padding-bottom: 40px;

      .title {
        color: var(--title-color);
        font-size: 24px;
        padding-bottom: 10px;
      }

      .info {
        display: flex;
        justify-content: center;
        color: var(--desc-color);

        .commentCount {
          padding: 0 10px;
        }

      }
    }

    .content {
      padding: 0 30px;
      line-height: 36px;
      color: var(--desc-color);
    }

  }

}

h1, h2, h3, h4, h5, h6 {
  color: var(--title-color) !important;
  line-height: 50px;
}

h1 {
  color: #27afb6 !important;
}

p, li {
  color: var(--p-color);
}

table {
  border: 1px solid #ccc;

  border-collapse: collapse;

  td,
  th {
    border: 1px solid #ccc;
    padding: 10px;
  }


}

pre {
  background: #282c34;
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  //border: 1px solid #eee;
  box-shadow: 0 0 3px #ccc;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code {
  color: #fff;
  background: #282c34;
  padding: 5px;
}


